var a1 = document.getElementsByClassName("a1")[0];
a1.onmouseover = function(){
  a1.style.backgroundColor = "RGB(238,53,108)";

}
a1.onmouseout = function(){
    a1.style.backgroundColor = "#FD5F8E";

  }
  var a2 = document.getElementsByClassName("a2")[0];
a2.onmouseover = function(){
  a2.style.backgroundColor = "RGB(238,53,108)";

}
a2.onmouseout = function(){
    a2.style.backgroundColor = "#FD5F8E";
    
  }
  var a3 = document.getElementsByClassName("a3")[0];
a3.onmouseover = function(){
  a3.style.backgroundColor = "RGB(238,53,108)";

}
a3.onmouseout = function(){
    a3.style.backgroundColor = "#FD5F8E";
    
  }
  var a4 = document.getElementsByClassName("a4")[0];
a4.onmouseover = function(){
  a4.style.backgroundColor = "RGB(238,53,108)";
}
a4.onmouseout = function(){
    a4.style.backgroundColor = "#FD5F8E";
    
  }
  var a5 = document.getElementsByClassName("a5")[0];
  a5.onmouseover = function(){
    a5.style.backgroundColor = "RGB(238,53,108)";
  
  }
  a5.onmouseout = function(){
      a5.style.backgroundColor = "#FD5F8E";
      
    }
  var yincang = document.getElementsByClassName("yincang")
//   var a1 = document.getElementsByClassName("a1");
  $('#daohang div').hover(function(){
     var index=$(this).index();
     
      $('.iteam').eq(index).css('display','block')
  },function(){
    var index=$(this).index();
     
    $('.iteam').eq(index).css('display','none')
  })


//   轮播图：
var active1 = document.getElementsByClassName("active1");
var slideshow1 = document.getElementsByClassName("slideshow")[0];


var counter = 1;

setInterval(function() {
    if (counter == 5) {
        counter = 0;
    }

    for (var i = 0; i < active1.length; i++) {
        active1[i].setAttribute("class", "active1");
    }
// console.log(counter);

    // console.log(active1);
    
    active1[counter].setAttribute("class", "active1 pitch");

    var targer = counter * -950;

    moveAnimation2(slideshow1, targer);

    counter++;

}, 2000)






var active = document.querySelector(".onli");
var slideshow = document.querySelector(".awg-bd_ul");
var wicket = document.querySelector(".awg-bd");
var prev = document.querySelector(".awg-bd_lf");
var next = document.querySelector(".awg-bd_rig");
var counter_tp = 0;
var counter_xyd = 0;

// 1.鼠标移入wicket内左右箭头显示
// 移出隐藏
wicket.onmouseover = function () {
    prev.style.display = "block";
    next.style.display = "block";
    // clearInterval(wicket.automove);
}
wicket.onmouseout = function () {
    prev.style.display = "none";
    next.style.display = "none";
    // automove();
}






function moveAnimation2(ele, index) {
    clearInterval(ele.time);
    ele.time = setInterval(function() {

        if (ele.offsetLeft == index) {
            clearInterval(ele.time);
        } else {
            var targer = (index - ele.offsetLeft) / 10;

            if (targer > 0) {
                targer = Math.ceil(targer)
            } else if (targer < 0) {
                targer = Math.floor(targer)
            }

            ele.style.left = ele.offsetLeft + targer + "px";
        }

    }, 20)
};
var num=0;
$('.awg-bd_lf').click(function(){
    num--;
    if(num<0){
        num=2;
    }
    $('.rig_one li').eq(num).addClass('onli1').siblings().removeClass('onli1');

    var targer=num*-1200
    moveAnimation2($('.awg-bd .awg-bd_ul')[0],targer)
    
});
$('.awg-bd_rig').click(function(){
    num++;
    if(num==3){
        num=0;
    }
    $('.rig_one li').eq(num).addClass('onli1').siblings().removeClass('onli1');

    var targer=num*-1200
    moveAnimation2($('.awg-bd .awg-bd_ul')[0],targer)
    
});
$('.rig_one li').mouseover(function () {
    num=$(this).index()
    $(this).addClass('onli1').siblings().removeClass('onli1');
    var targer=num*-1200
    // 内容根据index来切换
    moveAnimation2($('.awg-bd .awg-bd_ul')[0],targer)

});

















// 跳楼：
var main1OffsetTop = $('#main1').offset().top;
        $(window).scroll(function() {
            // 侧边栏显示
            if ($(window).scrollTop() >= main1OffsetTop) {
                $('#side-bar').fadeIn(500);
            } else {
                $('#side-bar').fadeOut(500);
            };
            // 使侧边栏变色
            $('.floor').each(function(index, value) {
                if ($(window).scrollTop() >= value.offsetTop) {
                    console.log(1);
                    $('.item11').eq(index).addClass('active').siblings().removeClass('active');
                }
            })

        });
        $('#bar8').click(function() {  
            // 注意用html
            $('html').animate({
                scrollTop: 0
            }, 1000);
        });
        $('#bar7').click(function() {
            // 注意用html
            $('html').animate({
                scrollTop: 4100
            }, 1000);
        });
        $('#bar6').click(function() {
            // 注意用html
            $('html').animate({
                scrollTop: 3360
            }, 1000);
        });
        $('#bar5').click(function() {
            // 注意用html
            $('html').animate({
                scrollTop: 2720
            }, 1000);
        });
        $('#bar4').click(function() {
            // 注意用html
            $('html').animate({
                scrollTop: 2000
            }, 1000);
        });
        $('#bar3').click(function() {
            // 注意用html
            $('html').animate({
                scrollTop: 1250
            }, 1000);
        });
        $('#bar2').click(function() {
            // 注意用html
            $('html').animate({
                scrollTop: 800
            }, 1000);
        });
        $('#bar1').click(function() {
            // 注意用html
            $('html').animate({
                scrollTop: 450
            }, 1000);
        });

        $('#side-bar div').mouseover(function () {
            console.log(123);
            $(this).addClass('active').siblings().removeClass('active');
        });















//  头部底部：
 $(function () {
     $('.nav-main ul li').click(function () {
        $(this).children('a').css('color', '#e23435').parent('li').siblings().children('a').css('color','#555');
    })
 })




// table切换：
$(function(){
    $('.nav-main ul li').mouseover(function(){
        $(this).children('a').parent('li').siblings().children('a');
       
    })
     // 给父元素绑定事件：
//         $('.add').mouseover(function(){
//             // 切换选中样式，this代表当前元素，点击谁谁增加当前样式类current,兄弟元素去除当前样式类；
//             $(this).addClass("current").siblings().removeClass("current");
//             // 获取点击的第几个元素，下标从0开始：
//             var index = $(this).index();
//             // 将index作为参数传入到函数中：
//             switchPro(index);
//         })
})
// // .categorys-type a
// // 定义切换函数：
// function switchPro(data){
//     // 调式信息：
//     // console.log("当前点击：" +data);
//     // 根据下标控制第几个li显示：
//     var li = $('.nav>ul li:eq('+data+')');
//     // console.log(li.html());
//     li.show().siblings().hide()
    
// }


function showPage(data) {
    var pageDatas = ''
    // 循环设置其余数据
    for (var i = 0; i <data.length; i++) {
        pageDatas += `
        <div class="nav">
                        
        <ul class="items div_show">
           <li>
                   <img src="${data[i].goods_img[0]}" alt="">
                   <span>${data[i].title}</span>
                   <p>${data[i].market_price_formated}</p>
           </li>
        </div>`
    }
    return pageDatas
    // 设置到页面上
    // $('.nav .items').html(pageDatas)
};
// 调用初始化数据
$('.nav .items').html(showPage(allData.clothingData.womenDate[0]))
// 绑定事件
$('.box2 .you ul li').mouseover(function() {
    var index = $(this).index();
    // 调取数据渲染页面
    $('.nav .items').html(showPage(allData.clothingData.womenDate[index]))
    // 排他样式
    $(this).addClass('current').siblings().removeClass('current');
    
})
// 调用初始化数据
// showPage(allData.clothingData.menDate[0],$('.nav .items'));
// 第二层绑定事件
$('.box4 .you ul li').mouseover(function() {
    var index = $(this).index();
    // 调取数据渲染页面
    showPage(allData.clothingData.menDate[index]);
    // 排他样式
    $(this).addClass('you_t_1').siblings().removeClass('you_t_1');
})








// 运动户外
console.log(allData.clothingData.exerciseDate);

function initial(data){
    var resal="";
    for(var i=0;i<data.length;i++){
        resal+=`
        <ul class="items div_show">
        <li>
        <a href="">
            <img src="${data[0].goods_thumb[0]}" alt="">
        </a>
         <span>${data[0].title}</span>
         <p>${data[0].shop_price}</p>
    </li>
    </ul>
        `
        
    }
   
    $('.navwu').html(resal);
};
initial(allData.clothingData.exerciseDate[0]);
$('.you ul li').mouseover(function(){
    var index=$(this).index();
    initial(allData.clothingData.exerciseDate[index]);
    $(this).addClass('current').siblings().removeClass('current');
})
